{include file="common/head"/}
<style>
	@-webkit-keyframes flash1 {
		50%, from, to {
			opacity: 1
		}
		25%, 75% {
			opacity: 0
		}
	}

	@keyframes flash1 {
		50%, from, to {
			opacity: 1
		}
		25%, 75% {
			opacity: 0.65
		}
	}

	.flash1 {
		-webkit-animation-name: flash1;
		animation-name: flash1
	}
	.menu-box .imgbox img{
		width: 2.5rem !important;
	}
	.issued .memo {
		color: #8a8a8a;
		font-size: 0.70rem;
		padding: .25rem .5rem 0 .5rem;
	}

	.fui-notice .image img {
		width: auto;
		margin: 0;
		height: 100%;
	}

	.fui-notice {
		height: auto;
		background: #fff;
		padding: .4rem;
		overflow: hidden;
		position: relative;
		border-radius: 0.26rem;
		margin-top: .5rem
	}

	.fui-notice .swiper-text {
		height: 2rem;
		padding-left: .4rem;
		color: #333;
		line-height: 2rem;
		font-size: .65rem;
		overflow: hidden;
	}

	.fui-notice .image {
		height: 1.2rem;
		top: .4rem;
		width: auto;
		position: relative;
		float: left;
	}

	.fui-notice .more-link {
		position: absolute;
		z-index: 10;
		right: 10px;
		top: .4rem;
		color: #333;
		height: 2rem;
		line-height: 2rem;
		font-size: .65rem;
		border-left: 1px solid #e3e8ee;
		padding-left: 10px;
	} .swiper-slide a{color: #333}
	.invite .dongzai{
		font-size: 1.37rem;
		font-style: oblique
	}
	.news_li li{
		height: 19px;
	}
	.news_li,.swap{  line-height:19px; display:inline-block; position:absolute; top:0; left:0px;}
	.news_li a,.swap a{ color:#000;font-size: 0.675rem;}
	.swap{top:19px;}
</style>

<body>
<div class="page" id="user">
	<header class="bar bar-nav l-bar l-color">
		<a class="external icon header-right icon-settings" href="{:url('xigu/setting')}">
		</a>
		<div class="avatar-img" style="margin: 0 auto">
			<img class="logo" src="/static/xigu/picture/login_logo.png" width="100%">
		</div>
	</header>
	<div class="content">
		<div class="header">
			<img class="header-img" src="/static/xigu/picture/home-banner.jpg">
			<div class="header-content" style="margin-top: 2.3rem">
				<h1 class="header-title">非遗铢总资产</h1>
				<div class="avatar">
					<a class="external avatar-text" href="javascript:;" render="user_name"
					   style="color: #fff;display: block">账户ID:{$user.mobile}</a>
				</div>
				<div class="row"  style="color:#fff;text-align: center">
					<span render="is_ft"></span>
				</div>
				<div class="row" style="color:#fff;margin-top: 10%;text-align: center" >
					<div class="col-33">储蓄资产</div>
					<div class="col-33">理财资产</div>
					<div class="col-33">流通资产</div>
				</div>
				<div class="row" style="color:#fff;text-align: center" >
					<div class="col-33" render="sp">{$user.money_jifen}</div>
					<div class="col-33" render="cft">{$summey}</div>
					<div class="col-33" render="fyc">{$user.money_benjin}</div>
				</div>
			</div>
		</div>
		<div class="content-box">
			<div class="menus">
				<div class="menu" style="height: 5rem;">
					<a class="external menu-box" href="{:url('xigu/licai')}">
						<div class="imgbox">
							<img src="/static/xigu/picture/orders.png"/>
						</div>
						<div class="textbox">理财</div>
					</a>
					<a class="external menu-box" href="{:url('xigu/force')}">
						<div class="imgbox">
							<img src="/static/xigu/picture/mining_machine.png">
						</div>
						<div class="textbox">继续算力</div>
					</a>

					<a class="external menu-box" href="{:url('xigu/force_value')}">
						<div class="imgbox">
							<img src="/static/xigu/picture/machine.png"/>
						</div>
						<div class="textbox">算力值</div>
					</a>
					<a class="external menu-box" href="{:url('xigu/my_wallet')}">
						<div class="imgbox">
							<img src="/static/xigu/picture/convert.png"/>
						</div>
						<div class="textbox">我的钱包</div>
					</a>

				</div>
				<div class="menu" style="height: 5rem;">
					<a class="external menu-box" href="{:url('xigu/invite_friends')}">
						<div class="imgbox">
							<img src="/static/xigu/picture/holding.png"/>
						</div>
						<div class="textbox">邀请好友</div>
					</a>
					<a class="external menu-box" href="{:url('xigu/community_construction')}">
						<div class="imgbox">
							<img src="/static/xigu/picture/holding.png"/>
						</div>
						<div class="textbox">社区建设</div>
					</a>
					<a class="external menu-box" href="{:url('deal/Index/index')}">
						<div class="imgbox">
							<img src="/static/xigu/picture/trand.png"/>
						</div>
						<div class="textbox">C2C</div>
					</a>
					<a class="external menu-box external" href="{:url('xigu/tiaozhuan')}">
						<div class="imgbox">
							<img src="/static/xigu/picture/shop.png"/>
						</div>
						<div class="textbox">购物商城</div>
					</a>
				</div>
			</div>
			<div class="fui-notice">
				<div class="image"><img src="/static/xigu/picture/notice.png"></div>
				<div class="swiper-containers  swiper-text" data-direction="vertical" data-space-between='10'
					 data-autoplay="2000" data-swipeHandler=".sssss" data-loop="true"
					 data-autoplayDisableOnInteraction="false">
					<div class="ko" style="position: relative;width: 100%;height: 19px;overflow: hidden;margin-top: 11px;">
						<ul class="news_li">
							{volist name="lists" id="v"}
							<li><a class="external" href="{:url('xigu/help_content',array('id'=>$v.id))}" >{$v.title}</a></li>
							{/volist}
						</ul>
						<ul class="swap"></ul>
					</div>
				</div>
				<a  href="{:url('xigu/help')}" class="more-link external">更多</a>
			</div>
			<div class="invite">
				<div class="borderbox"></div>
				<div class="invite-title"><span>社区建设</span></div>
				<div class="tips">商通四海　缘结天下</div>
				<a class="external click-btn" href="{:url('xigu/invite_friends')}">欢迎您加入非遗文化社区</a>
				<ul class="reward">
					<li class="number" style="margin: auto">
						<a style="color: #023293" class="external" href="{:url('xigu/community_construction')}">
							<div class="top" style="color: #023293">社区节点</div>
							<div class="bottom" style="color: #023293"><span render="tj_num">0</span></div>
						</a>
					</li>
					<div class="clx"></div>
				</ul>
			</div>
			<div class="invite">
				<div class="tips dongzai">丝路非遗&nbsp;&nbsp;&nbsp;&nbsp;西谷传承</div>
			</div>
		</div>
	</div>


</div>
<script type='text/javascript' src='/static/xigu/js/jquery-3.3.1.min.js' charset='utf-8'></script>
<script>
	function b(){
		t = parseInt(x.css('top'));
		y.css('top','19px');
		x.animate({top: t - 19 + 'px'},'slow');	//19为每个li的高度
		if(Math.abs(t) == h-19){ //19为每个li的高度
			y.animate({top:'0px'},'slow');
			z=x;
			x=y;
			y=z;
		}
		setTimeout(b,3000);//滚动间隔时间 现在是3秒
	}
	$(document).ready(function(){
		$('.swap').html($('.news_li').html());
		x = $('.news_li');
		y = $('.swap');
		h = $('.news_li li').length * 19; //19为每个li的高度
		setTimeout(b,3000);//滚动间隔时间 现在是3秒

	})
</script>
{include file="common/foot"/}
